import React from 'react'
import '@/components/01-JSX的基本使用/index.css'

export default function App() {
    return (

        /**
         * 有且只能是一个根元素
         * 可以使用包裹标签,不会进行渲染。 也可以使用组件 <React.Fragment>
         * JSX中使用标签必须闭合 <hr/>
         * jsx是javascript xml的意思，也是对JS的一种扩展。
         * style的值不允许是字符串，要求是对象。
         */
        <>
            <div style={{background: 'red'}}>
                使用内联样式1
                <hr/>
            </div>
            <div style={{background: 'blue'}}>
                使用内联样式2
                <hr/>
            </div>
            <div className='styleColor'>
                JSX中使用className,html中使用的是class
                <hr/>
            </div>
        </>
    )
}

